<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/floatdemo.css">
</head>
<body>
<!-- 
	块级元素如果不设置高度，则根据它包含的子元素的高度来确定自己的高度
	float:
		1.元素向右平移，相对于父元素y坐标不变。
		2.脱离了文档流，其它元素会环绕浮动元素。（可以实现文字环绕效果）
	清除浮动：	指浮动元素给下一个元素造成的影响，clear属性要在下一个元素中定义
 -->
<div class="aa">
	<div class="bb"></div>
<!-- 	<div class="dd"></div> -->
	<div class="cc"></div>
</div>
<p id="pw">时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒时间来得及拉萨供电局啊两三个加拉加斯个大垃圾乖啦家噶gas国际大噶三大国际卡死了感觉啊噶了感觉啊接撒</p>

<ul id="port">  <!-- 导航条 -->
<!-- 	<div id="div2"></div> -->
		<li style="margin-left: 0px;">首页</li>
		<li>学校概况</li>
		<li>院系设置</li>
		<li>师资力量</li>
		<li>学生风采</li>
		<li>招生就业</li>
</ul>
</body>
</html>